<template>
  <div class="department-container">
    <div class="app-container">
      <!--头部-->
      <el-card>
        <!--一整行-->
        <el-row type="flex" justify="space-between" align="middle" style="height: 40px">
          <!--两列-->
          <el-col :span="20">
            <svg-icon icon-class="home" /> <span>江苏传智播客教育科技股份有限公司</span>
          </el-col>
          <el-col :span="4">
            <el-row type="flex" justify="end">
              <el-col>
                负责人
              </el-col>
              <el-col>
                <el-dropdown>
                  <span>
                    操作<i class="el-icon-arrow-down" />
                  </span>
                  <el-dropdown-menu slot="dropdown">
                    <el-dropdown-item>添加子部门</el-dropdown-item>
                    <el-dropdown-item>编辑部门</el-dropdown-item>
                    <el-dropdown-item>删除部门</el-dropdown-item>
                  </el-dropdown-menu>
                </el-dropdown></el-col>
            </el-row>
          </el-col>
        </el-row>
        <!--主体部分,tree-->
      </el-card>
      <!--对话框,利用组件-->
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
    }
  }
}
</script>
